<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="js/rem.js" type="text/javascript"></script>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--<meta content="yes" name="apple-touch-fullscreen">-->
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--//css 移动端 单位 px用的很少  多用 rem 其他可以辅助使用 vh vw   100vh=设备高度 100vw =设备宽度  -->
    <title>投票项目</title>
    <style>

    </style>
</head>
<body>
<div class="main">
    <div class="head">
        <img src="img/head.png" alt="">
        <h1>操作流程</h1>
    </div>
    <div class="one">
        <h2>第一步：关注</h2>
        <p>关注【重庆市儿童图书馆公众号】</p>
        <img src="img/icon.png" alt="">
    </div>
    <div class="two">
        <h2>第二步：报名</h2>
        <p>进入微信活动首页，选择相应的活动，参与报名！</p>
        <img src="img/2-1.png" alt="">
        <img src="img/2-2.png" alt="">
    </div>
    <div class="three">
        <h2>第三步：上传活动作品</h2>
        <p>进入报名页面，填写报名信息，上传报名作品及封面。</p>
        <img src="img/3-1.png" alt="">
        <img src="img/3-2.png" alt="">
    </div>
    <div class="four">
        <h2>第四步：分享积攒</h2>
        <p>报名成功后，可以对活动页面分享，积攒。</p>
        <img src="img/4-1.png" alt="">
        <img src="img/4-2.png" alt="">
    </div>
    <div class="five">
        <h2>第五步：等待评奖</h2>
        <p>等待评奖</p>
    </div>
</div>
</body>
</html>